<template>
    <header flex="cross:center" class="h44 f16 px12 white-bg title">
        <i class="iconfont f18 mr4" :class="icon"></i>
        <span flex-box="1"><slot>{{title}}</slot></span>
        <slot name="right">{{rightText}}</slot>
    </header>
</template>
<script>
  export default {
    props: {
      icon: null,
      title: null,
      rightText: null
    },
    data () {
      return {}
    },
    computed: {},
    methods: {},
    components: {}
  }
</script>
<style type="text/scss" lang="scss" scoped>

</style>
